<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- html结构：有序列表，无序列表，定于列表
		    有序列表与无序列表自带样式，样式可以修改
			列表样式属性
			list-style-type 列表项标志属性
			有序自有一套属性值：none,decimal,lower-roman,upper-roman
			无序自有一套属性值：none,disc,circle,square
			-->
		<style>
			/* 常用属性:list--style-type 针对与无序列表[有利于SEO优化] */
			/* 有序列表 不常用*/
			ol li{
				/* 去掉列表样式--通配选择器一起使用 */
				list-style-ty pe: none;
				list-style-type: decimal;     /* 默认值 */
				list-style-type: lower-roman; /* 小写罗马数字 i,ii */
				list-style-type: upper-roman; /* 大写罗马数字 I,II */
			}
			/* 无序列表 常用*/
			ul li{
				/* 去掉列表样式--通配选择器一起使用 */
				list-style-type: none;
				list-style-type: disc;  /* 默认值 */
				list-style-type: circle;/* 空心圆 */
				list-style-type: square;/* 方块 */
			}
		</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>喜羊羊</li>
			<li>懒羊羊</li>
			<li>灰太狼</li>
		</ol>
		<h1>无序列表:页面上存在大量相同类型集合,有利于SEO优化</h1>
		<ul>
			<li>糖葫芦</li>
			<li>蛋糕</li>
			<li>薯片</li>
		</ul>
	</body>
</html>